<template>
  <div class="suggest-container">
    <el-row :gutter="20">
      <el-col :span="3" :xs="24" :sm="3" v-if="device !== 'mobile'">
        <left></left>
      </el-col>
      <el-col :span="21" :xs="24" :sm="21">
        <top></top>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import left from "./components/left.vue";
import top from "./components/aiRecordModule/top.vue";
import { mapState } from "vuex";
export default {
  name: "aiRecord",
  components: { left, top },
  computed: {
    ...mapState({
      device: (state) => state.app.device,
    }),
  },
  data() {
    return {
      version: "3.8.9",
    };
  },
  methods: {
    getList() {},
  },
};
</script>
<style scoped lang="scss">
.suggest-container {
  padding: 20px 0;
  height: 100%;
}
</style>
